<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="images/myResetCss.css" media="all" />
	<link rel="stylesheet" type="text/css" href="sunnist.css" media="all" />
	<script type="text/javascript" src="images/jquery-1.6.3.min.js"></script>
	<script type="text/javascript" src="images/jquery.scrollTo-min.js"></script>
	<title>我们的历程--The journey to our love Beta 1.0</title>
</head>
<body>
	<div id="layout">
		<div id="pic"></div>
		<div class="time_scroll">
			<ul>
				<li><a href="#">见面</a></li>
				<li><a href="#">交谈</a></li>
				<li><a href="#">独处</a></li>
				<li><a href="#">网聊</a></li>
				<li><a href="#">约会</a></li>
				<li><a href="#">分歧</a></li>
				<li><a href="#">牵手</a></li>
				<li><a href="#">接吻</a></li>
				<li><a href="#">北漂</a></li>
				<li><a href="#">游玩</a></li>
				<li><a href="#">归程</a></li>
				<li><a href="#">留守</a></li>
				<li><a href="#">相思</a></li>
				<li><a href="#">开学</a></li>
				<li><a href="#">包容</a></li>
				<li><a href="#">落差</a></li>
			</ul>
		</div>
		<script type="text/javascript">
			(function(){
				var $time_scroll_fix = function(){
					var st = $(document).scrollTop();
					//alert(st);
					(st>387)?$(".time_scroll").css({"position":"fixed","top":"-10px"}):$(".time_scroll").css({"position":"static"});
				};
				$(window).bind("scroll",$time_scroll_fix);
				$(function(){$time_scroll_fix();});
			})();
		</script>
		<div class="main">
			<div class="box">
				<h1 class="title"><a href="#">见面</a></h1>
				<div class="content">
					<p>记得我们第一见面应该算是在比特招新的笔试上吧，你是倒数交卷的，其它的也没什么特别的了。没有任何传说中一见钟情的浪漫。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">交谈</a></h1>
				<div class="content">
					<p>第一次的交谈又是比较官方的——比特招新的面试。你好像也是排在后面，最后几个吧，好像。当时你抱着一大把的纸进来，策划书，成绩单之类的，那些东西现在都还在我这存着呢。那时也只是面试对你印象很深。其实呢，笔试那会儿看到你，就觉得你并不好看。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">独处</a></h1>
				<div class="content">
					<p>也许是阴差阳错吧，端午，6月6日，晚上与学通社一起的活动我们俩当时就坐在一起，我可没任何非份之想。结束了回寝室，我送走了马红耀，接着送你；也许老天的玩笑正式开始，你说你不想回寝室，想在楼下坐会。坐着也就聊聊大学里的生活，以前的生活之类的，还有未来的一些方向什么的。那天，你好像是第一次说到，你要走交互设计。</p>
					<p>唉，接下来的，这一坐便出问题了。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">网聊</a></h1>
				<div class="content">
					<p>从那以后，我们网上聊天变得日益频繁了，经常的，一聊便是到11，12点，也不知道为什么话这么多。。也不什么时候起，你竟然对我隐身可见，这到底是出于什么目的？当时我还特地百度过，我想，你是喜欢我了吧。</p>
					<p>其实想来，应该还是我先下手的；大概星期四下午吧，你在实验室做实验，突然下了很大的雨，我发短信问你有没带伞。其实会这么关心女生，就是心里有点喜欢了。</p>
					<p>后来，我还在QQ里说了我的初恋。</p>
					<p>我们便一直这么在网络里聊着，每天的每天，都是我目送着你的QQ头像灰掉，然后才关掉QQ窗口。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">约会</a></h1>
				<div class="content">
					<p>其实这并不什么真正意义上的约会，而下晚自习，见个面，一同回寝室，路上走了一小段。</p>
					<p>那天你好像头发没梳，还穿着拖鞋，你说我会认不出你，但我还是一眼看出来了。在自习室一楼出口左侧的柱子旁边，见面了。好笑的是，那时你还在回我的短信。</p>
					<p>过了一天，6.22，晚上，你打了电话给我，打了很久，85分钟。电话里，我知道，爱情就要来了。那时我知道，你喜欢我的，而我也遇上了自己喜欢的。晚上，我兴奋地在博客里写了日志《当爱情来敲门——记一次长达85分钟的电话》。</p>
					<p>后面还发生很多事，经常地，我们一起下晚自习回去，但也不是每天。有一次也是学校大雨，你应该是下课回到寝室了吧，湿了一身。我跑去南湖边，操场上捉鱼，却捉回一只小虾和一只青蛙，硬把你穿着睡衣从楼上叫下来，拍照留念啊；后面又出现彩虹，真是难忘的一天。</p>
					<p>6楼，5、6楼的过道栏杆，图书馆通自习室的过道，2楼的打印室，都留下我们约会的身影。而手机里一条条短信，都是那美好回忆的见证。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">分歧</a></h1>
				<div class="content">
					<p>我们曾经为暑假的安排纠结过，晚上QQ里听你说时，我眼眶湿润了，是失落与失望吧。我知道你也纠结，那次，我差点放弃了。然后，我们相互的交流缓解了这次分歧。</p>
					<p>那天下午比特开培训，你手机没电了，我找了你好久，自习室1楼到6楼都找遍了，后来打杜天，石佳慧，黄庆杏手机，才终于找到你。</p>
					<p>晚上，我在图书馆前厅二楼等你，你第一次哭了。</p>
					<p>那天，在图书馆南湖边，第一次拉了下你的手，然后便松开了。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">牵手</a></h1>
				<div class="content">
					<p>7.6，坐在操场的正中央，我牵着你的手，你没有挣脱，没有拒绝。</p>
					<p>也许从那一刻算起，你是我女朋友了。</p>
					<p>回寝室路上，我牵着你的小手，心里美滋滋的。我说，我们的在一起，就是在创造奇迹。</p>
					<p>我们的在一起，没有谁追谁，没有什么表白，只是两颗心慢慢地靠拢，我们相互欣赏，相互信任，相互诉说，相互理解。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">接吻</a></h1>
				<div class="content">
					<p>7.11，南湖畔，石围栏边，我们接吻了。各自的初吻，各自的口水，各自的欢笑，以及我的承诺。</p>
					<p>我的生肖马玉，会是一段记忆。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">北漂</a></h1>
				<div class="content">
					<p>7.25，下午4，5点，离开民大，前往汉口火车站；晚上9点半，离开汉口火车站，前往北京。</p>
					<p>北漂的路，就此开始。曾经的多少幻想，曾经的多少大志，都将实现或破灭。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">游玩</a></h1>
				<div class="content">
					<p>7.28、7.29，实习公司里请了两天的假，陪着你在北京逛了两天，确切地说是1天半，故宫、中山公园、景山、王府井、稻香村、鸟巢、水立方、天安门广场、北京站、地铁，都留下我们美好的回忆。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">归程</a></h1>
				<div class="content">
					<p>7.29，我们在北京站晚饭吃的肯德基，晚上下起了雨，我们领着箱子，排队买站台票，我送你上的火车；我在你火车窗口前站了很久...</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">留守</a></h1>
				<div class="content">
					<p>你走之后，一个人在北京，辗转几个住处，开始自己的工作实习。但更多的，是对你的思念。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">相思</a></h1>
				<div class="content">
					<p>我们将分开的第一个礼拜，时间仿佛过得很慢，每天早上起床，我都会打电话给你，手机也停机过两次；晚上聊QQ，也不知为什么我会那么伤感，总是会聊出些以后的话题，其实，现实真的是很残酷。</p>
					<p>老天捉弄，8.6，是七夕，我们却分隔两地，本想在公司里P张图送给你，你说P了也看不到，最后公司的网速实在是太慢了，却作罢了。</p>
					<p>在发短信的时候，我们经常能想到一块去，在欣喜之时，心里更多的是幸福。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">开学</a></h1>
				<div class="content">
					<p>即将开学，由于被公司辞退，我不得不返校。</p>
					<p>北京的一个月里，见识了许多；在这陌生的地市，我什么没留下，也没什么都没带走，悄无声吸。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">包容</a></h1>
				<div class="content">
					<p>武汉，开学之初，我们各自耍了次自己的小脾气；于是，我们学会了包容，学会了理解，学会了习惯。</p>
					<p>我们各自的努力，我们会在一起。</p>
				</div>
			</div>
			<div class="box">
				<h1 class="title"><a href="#">落差</a></h1>
				<div class="content">
					<p>这已经是我们第二次地落差了，第一次，是因为你的善变；而这次，也是因为你。</p>
					<p>一起在华罗丽的吃饭，你说到你的国庆，随后，我突然感觉到，我们的生活方式真的差得很大，你有自己的小生活，7天长假，也许我的国庆就是一直地宅着，而你却在家里安逸度日。不是我嫉妒抱怨，如果是其它人，我懒都懒得晓得。现在的感觉就像和当年一样，我很明确地知道我们以后不会走到一起，因为我们就不像是一类人。有时我也在怀疑，是不是自己对自己女朋友要求太高了，也或许所有女生都是这个样子吧，而我却总是希望自己的女朋友是和别人不一样的。</p>
					<p>你看出了我的心思，我没有和你说。</p>
				</div>
			</div>
			<div class="corner">Our story , it is still going on ...</div>
		</div>
		<div class="copy_right">
			<p>written by mygoare , for sunnist</p>
		</div>
	</div>
	<div class="bottom">
		<div class="words">
			<p>For my love , honey ! Thank you for all the things you have done for me ! You will always in my mind !</p>
		</div>
	</div>
	<a class="scrollto" href="#" title="返回顶部"></a>
<script type="text/javascript">
$(document).ready(function(){
	$(".scrollto").click(function(){
		$("body,html").animate({scrollTop:0},800);
	});
/* 	
	$(".time_scroll ul li a").click(function(){
		$(this).css({"background-color":"#FFFF88","border-bottom":"3px solid #C3D9FF"}).parent().siblings().find("a").css({"border":"none","background-color":"#CDEB8B"});
	});
	  */
	$(".scrollto").css("opacity","0.6");
	 
	 /* var $main = $(".main"); */
	$(".time_scroll ul li:eq(0)").click(function(){
		$.scrollTo(420-20,1000);
	 });
	 $(".time_scroll ul li:eq(1)").click(function(){
		$.scrollTo(520-20,1000);
	 });
	 $(".time_scroll ul li:eq(2)").click(function(){
		$.scrollTo(660-20,1000);
	 });
	 $(".time_scroll ul li:eq(3)").click(function(){
		$.scrollTo(860-20,1000);
	 });
	 $(".time_scroll ul li:eq(4)").click(function(){
		$.scrollTo(1140-20,1000);
	 });
	 $(".time_scroll ul li:eq(5)").click(function(){
		$.scrollTo(1560-20,1000);
	 });
	 $(".time_scroll ul li:eq(6)").click(function(){
		$.scrollTo(1800-20,1000);
	 });
	 $(".time_scroll ul li:eq(7)").click(function(){
		$.scrollTo(2020-20,1000);
	 });
	 $(".time_scroll ul li:eq(8)").click(function(){
		$.scrollTo(2160-20,1000);
	 });
	 $(".time_scroll ul li:eq(9)").click(function(){
		$.scrollTo(2310-20,1000);
	 });
	 $(".time_scroll ul li:eq(10)").click(function(){
		$.scrollTo(2440-20,1000);
	 });
	 $(".time_scroll ul li:eq(11)").click(function(){
		$.scrollTo(2540-20,1000);
	 });
	 $(".time_scroll ul li:eq(12)").click(function(){
		$.scrollTo(2640-20,1000);
	 });
	 $(".time_scroll ul li:eq(13)").click(function(){
		$.scrollTo(2860-20,1000);
	 });
	 $(".time_scroll ul li:eq(14)").click(function(){
		$.scrollTo(3000-20,1000);
	 });
	 $(".time_scroll ul li:eq(15)").click(function(){
		$.scrollTo(3100-20,1000);
	 });
});
</script>
<!--[if IE 6]>
<script type="text/javascript" src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.pack.js"></script>
<![endif]-->
</body>
</html>